@charset "utf-8";

/* 全局样式 */
*{margin:0; padding:0; list-style:none; box-sizing:border-box;}
img{ border:0; }
a{ text-decoration:none; color:#333; transition: all 0.3s; -o-transition: all 0.3s; -mos-transition: all 0.3s; -webkit-transition: all 0.3s;  }
input,textarea,button{outline:none;}
em{ font-style:normal;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
hr{ border:none;}
.container{ width:1300px; margin: 0 auto;}
.clearfix{zoom:1; clear: none}
.clearfix:before,.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
body{ background: #efefef;}


.container_nav{ width: 1300px; margin: 0 auto; height: 109px;}




/* PC导航 */
.toper{ height: 36px; }
.toper i{ font-style: normal; color: #666; font-size: 14px; float: left; line-height: 36px;  width: 314px; float: left;}
.top_box{ height: 109px; width: 100%; background: url(../images/tianwo_pc_0.jpg) no-repeat center; }
.pclogo{ width: 14.7%; float: left; display: block; }
.logo1{animation: spin 6s linear infinite;}
.pclogo p{ width: 62%; float: right; position: relative; height: 109px;}
.pclogo p img{ float: left; width: 100%; display: block; position: absolute; top: 30%;}
.pclogo .xz{ float: left; width: 32%; position: relative; height: 109px;}
.pclogo .xz img{ width: 100%; position: absolute; display: block; top: 20%;}



@-webkit-keyframes rotation{

    from {-webkit-transform: rotate(0deg);}

    to {-webkit-transform: rotate(360deg);}

}


.logo1{

    -webkit-transform: rotate(360deg);
    animation: rotation 3s linear infinite;
    -moz-animation: rotation 3s linear infinite;
    -webkit-animation: rotation 3s linear infinite;
    -o-animation: rotation 3s linear infinite;

}



.nav{height: 109px;width:60%;float: left; margin-left:4.2%; }

.nav li a{ display: block; height: 49px;}
.nav li{ text-align: left; text-align: center; float: left;position: relative;  height: 49px; margin-top: 28px; transition: all 0.3s;  position: relative; width: 16.6%}

.nav li:nth-child(1){background: url(../images/nav1_1.png)no-repeat center; }
.nav li:nth-child(1):hover,.nav li.on:nth-child(1){background: url(../images/nav1.png)no-repeat center; }
.nav li:nth-child(2){ background: url(../images/nav2_1.png)no-repeat center;}
.nav li:nth-child(2):hover,.nav li.on:nth-child(2){background: url(../images/nav2.png)no-repeat center;}
.nav li:nth-child(3){background: url(../images/nav3_1.png)no-repeat center;}
.nav li:nth-child(3):hover,.nav li.on:nth-child(3){background: url(../images/nav3.png)no-repeat center; }
.nav li:nth-child(4){ background: url(../images/nav6_1.png)no-repeat center;}
.nav li:nth-child(4):hover,.nav li.on:nth-child(4){background: url(../images/nav6.png)no-repeat center;}
.nav li:nth-child(5){background: url(../images/nav8_1.png)no-repeat center;}
.nav li:nth-child(5):hover,.nav li.on:nth-child(5){background: url(../images/nav8.png)no-repeat center;}
.nav li:nth-child(6){background: url(../images/nav7_1.png)no-repeat center;}
.nav li:nth-child(6):hover,.nav li.on:nth-child(6){background: url(../images/nav7.png)no-repeat center;}
.nav li:nth-child(7){ background: url(../images/nav7_1.png)no-repeat center;}
.nav li:nth-child(7):hover,.nav li.on:nth-child(7){background: url(../images/nav7.png)no-repeat center;}
.nav li ul.sub{width: 160px; background:rgba(255,255,255,0.7); position: absolute; top:55px; z-index: 9999; left: -15px;}
.nav li ul.sub a{ display: block; height: 36px; line-height: 36px; font-size: 14px; color: #333; border-bottom: 1px dashed rgba(255,255,255,0.1); border-bottom: 1px dashed #dedede;}
.nav li ul.sub a:hover{ background: rgba(255,255,255,0.2); color: #2571e1}
.nav li ul.sub a:last-child{border-bottom: 0;}

.top_tel{  width: 15%; float: left; margin-top: 20px;}
.top_tel p{ font-size: 14px; color: #666;}
.top_tel span{display: block; font-size: 26px; color: #e50012;font-family: "Impact"}
.tw_top_tel{ margin-top: 2%; display: block; float: right;}

/* PCbanner */
.fullSlide {
    width: 100%;
    position: relative;
    height: 640px;
    background: #fff;
}

.fullSlide .bd {
    margin: 0 auto;
    position: relative;
    z-index: 0;
    overflow: hidden;
}

.fullSlide .bd ul {
    width: 100% !important;
}

.fullSlide .bd li {
    width: 100% !important;
    height: 640px;
    overflow: hidden;
    text-align: center;
    line-height: 640px;
}

.fullSlide .bd li >a {
    display: block;
    height: 640px;
}

.fullSlide .hd {
    width: 100%;
    position: absolute;
    z-index: 1;
    bottom: 16px;
    left: 0;
    height: 30px;
    line-height: 30px;
}

.fullSlide .hd ul {
    text-align: center;
}

.fullSlide .hd ul li {
    cursor: pointer;
    display: inline-block;
    *display: inline;
    zoom: 1;
    height: 14px;
    width: 14px;
    border-radius: 50%;
    margin: 4px;
    overflow: hidden;
    background: none;
    line-height: 999px;
    border: 2px solid #fff;

}

.fullSlide .hd ul .on {
    background: #fff;
    border: 2px solid #fff;
}

.fullSlide .prev,.fullSlide .next {
    display: block;
    position: absolute;
    z-index: 1;
    top: 50%;
    margin-top: -30px;
    left: 10%;
    z-index: 1;
    width: 40px;
    height: 60px;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: 0.5;
    display: none;
}

.fullSlide .next {
    left: auto;
    right: 10%;
    background-position: -6px -137px;
}

.banner_bg_top{
    height: 16px;

    width: 100%;
    position: absolute;
    top: 0;
    z-index: 999;
}


/* 手机站导航 */
.index_header{display: none; background: url(../images/tianwo_pc_6.jpg) no-repeat center;}
.sj_header{width:100%; clear:both; height:70px;  padding: 0px 10px; }
.logo{float:left; width:25%; margin-top: 12px;}
.logo a{float: left; width:100%}
.sj_dh{display: none; float: left; font-size: 16px; line-height:45px; color: #333333; margin-left:2%}
.sj_dh span{font-weight: bold;}
.menu{float:right; height:auto; width:44px; margin-top:14px; }
.menu img{height:100%; width:100%;}
.app{float:right; padding-right:15px; margin-top:7px;}
.app img{height:22px;}
.openmenu{overflow-y:scroll; }
#pgcontainer{margin:0px; padding:45px 0px;}
.overlay{left:0px; right:0px; bottom:0px; position: fixed; z-index:9999; background-color:rgba(0, 0, 0, 0.5);}
.openmenu .overlay{top:0px;}
#hamburgermenu{background:url(../images/tuiguang_53.jpg) no-repeat center;background-size: 100% 100%; left:0px; top:0px; width:0px; height:100%; overflow-y:scroll; position:fixed; z-index:9999; box-shadow:3px 0px 7px rgba(0,0,0,0.55); -webkit-box-shadow:3px 0 7px rgba(0, 0, 0, 0.55); -moz-box-shadow:3px 0 7px rgba(0, 0, 0, 0.55);}
.nav_logo{width:100%; padding-top:10px; text-align:center; clear:both;}
.nav_logo img{height:35px; margin:5px 0px;}
.menu_head{width:100%; min-width:150px; border-bottom:#fff 1px solid; line-height:25px; text-indent:1em; color:#333; padding:8px 0px; font-size:0.95em; position:relative; margin:0px;}
.menu_head img{vertical-align:middle; height:25px; padding-right:5px;}
.menu_head a{color:#333;}
.menu_body{width:100%; min-width:150px; overflow:hidden; line-height:38px; display:none;}
.menu_body a{width:100%; display:block; height:28px; line-height:28px; color:#333; text-indent:2em; border-bottom:#fff 1px solid; font-size:0.9em;}

.banner{ width:100%;  position:relative;  height:auto; clear: left; }
.banner a{width:100%; height: 100%;}
.banner img{width:100%; height: 100%; display: block}
.swiper-container-horizontal>.swiper-pagination-bullets{bottom:10%}
.swiper-pagination-bullet{ background: rgba(255,255,255,0.5); opacity: 1; width: 15px; height: 15px; border-bottom: 20px; margin: 0px 2px!important}
.swiper-pagination-bullet-active{background:none; border: 1px solid #fff;}


/* 手机banner */
.sj_banner_1{width:100%; height: auto; overflow: hidden; display: none}
.sj_banner_1 img{width:100%; height: auto; display: block}
.swiper-pagination-bullet-active{background: #fff}


/* 首页标题 */
.index_title{ background: url(../images/tianwo_1.png) no-repeat center; margin: 30px 0; text-align: center; border-radius: 6px;box-shadow: 0 0 2px 2px rgba(0,0,0,0.5); background-size: 100%; padding: 1.4% 0;}
.index_title img{ padding-top: 1%;}
.index_title p{ font-size: 14px; color: #333;}


.index_fuwu_left{ width: 38.5%; float: left;  height: 496px; background: url(../images/tianwo_pc_1.jpg) no-repeat center; background-size: 100% 100%; border-radius: 6px;}
.index_fuwu_left h2{ width: 85%; margin: 0 auto; font-size: 2rem; color: #fff;font-weight: bold; padding-top: 10%; line-height: 1.8; margin-bottom: 6px;     overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}
.index_fuwu_left em{ width: 85%; line-height: 1.8; font-size: 15px; color:#fff;text-align: justify; margin: 0 auto;  font-style: normal; display: block;}
.index_fuwu_left em a{ color: #fff}
.index_fuwu_left ul{ width: 85%; margin: 0 auto; margin-top: 20px; overflow: hidden;}
.index_fuwu_left ul li{ float: left; width: 33.33%; }
.index_fuwu_left ul li p{ font-size: 36px; font-family: "Impact"; color: #fff;}
.index_fuwu_left ul li p span{ font-size: 14px; color: #fff;}
.index_fuwu_left ul li i{ font-size: 14px; color: #fff; font-style: normal;}
.index_fuwu_left .index_about_img{ display: block; width: 85%; margin: 0 auto; margin-top: 20px; height: 129px; overflow: hidden;}
.index_fuwu_left .index_about_img img{ width: 100%;transition: all 0.3s;}
.index_fuwu_left .index_about_img:hover img{ transform: scale(1.08);}
.index_fuwu_right{ width: 60%; float: right}
.index_fuwu_right li{ float:left; margin-right: 2%; width: 48.8%; height: 240px; overflow: hidden; border-radius: 6px; position: relative;}
.index_fuwu_right li:nth-child(2n){ margin-right: 0; margin-bottom: 16px;}
.index_fuwu_right li img{ width: 100%;transition: all 0.3s;}
.index_fuwu_right li:hover img{transform: scale(1.08);}
.index_fuwu_right li h2{ position: absolute; left: 0; width:54px; height: 100%; bottom: 0;}
.index_fuwu_right li:nth-child(1) h2{ background: url(../images/tianwo_3.png) no-repeat center;}
.index_fuwu_right li:nth-child(2) h2{ background: url(../images/tianwo_4.png) no-repeat center;}
.index_fuwu_right li:nth-child(3) h2{ background: url(../images/tianwo_5.png) no-repeat center;}
.index_fuwu_right li:nth-child(4) h2{ background: url(../images/tianwo_7.png) no-repeat center;}
.index_fuwu_right li:nth-child(4){ background: url(../images/tianwo_pc_2.jpg);}
.index_fuwu_right li:nth-child(4) div{ padding-top: 20px;}
.index_fuwu_right li:nth-child(4) p{ display: block; padding-left: 70px; line-height: 2; font-size: 14px; color: #333;}
.index_fuwu_right li:nth-child(3),.index_fuwu_right li:nth-child(4){ margin-bottom: 0;}




/* 网站底部 */
.footer{ height: 308px; background: url(../images/tianwo_pc_6.jpg) no-repeat center; position: relative;}
.footer .footer_left{ float: left; width: 50%; padding-top: 36px;}
.footer .footer_left dl{ float: left; width: 25%;}
.footer .footer_left dl dt{ font-size: 16px; font-weight: bold; line-height: 2; display: block;  color: #333;}
.footer .footer_left dl dd{ font-size: 14px; line-height: 2; color: #454545 ;}
.footer .footer_left dl dd a:hover{ color: #2571e1}
.footer .footer_center{ padding-top: 30px; float: left; width: 25%;}
.footer .footer_center p{ margin-right: 20px; float: left; text-align: center;}
.footer .footer_center p span{ display: block; text-align: center; font-size: 14px; color: #454545;}
.footer .footer_right{ width: 24% ; float: right; padding-top: 30px;}
.footer .footer_right h2{ font-size: 16px; font-weight: bold; line-height: 2; color: #333;}
.footer .footer_right p{ line-height: 2; font-size: 14px; color: #454545}

.footer_link{width:100%; height:auto; line-height:55px;  overflow: hidden; }
.footer_link p{font-size: 16px;   float: left; width: auto; height: 53px;  line-height: 53px}
.footer_link .footer_a{width:1000px; float: left; height: 100%; }
.footer_link .footer_a a{font-size:14px; margin: 0px 10px;}
.footer_link .footer_a a:hover{color:#1578bf}

/* -----------------------------------------------------内页样式----------------------------------------------------- */

.index_fuwu_right li img{ width: 100%;transition: all 0.3s;}
.index_fuwu_right li:hover img{transform: scale(1.08);}



.bg_fff{ background: #fff; padding: 30px 0; overflow: hidden;}
.inside_page_about{ height: 360px; background: url(../images/inside_3.jpg) no-repeat center; }
.inside_page_product{ height: 360px; background: url(../images/inside_page_product.jpg) no-repeat center; }
.inside_page_case{ height: 360px; background: url(../images/inside_page_case.jpg) no-repeat center; }
.inside_page_news{ height: 360px; background: url(../images/inside_page_news.jpg) no-repeat center; }
.inside_page_contact{ height: 360px; background: url(../images/inside_page_contact.jpg) no-repeat center; }



#map{ height: 400px; width: 100%; border: 1px solid #eee;}







.index_page_wap{ overflow: hidden; }
.index_page_wap img{ width: 100%;}
.index_page_wap{ display: none;}
.inside_left{ width: 22%; float: left; }

.inside_left .inside_title_1{ height: 93px; background: url(../images/inside_page_1.png) no-repeat center;}
.inside_left .inside_title_2{ height: 93px; background: url(../images/inside_page_2.png) no-repeat center;}
.inside_left .inside_title_3{ height: 93px; background: url(../images/inside_page_3.png) no-repeat center;}
.inside_left .inside_title_4{ height: 93px; background: url(../images/inside_page_4.png) no-repeat center;}
.inside_left .inside_title_5{ height: 93px; background: url(../images/inside_page_4_1.png) no-repeat center;}

.inside_left ul { width: 100%; margin: 10px 0;}
.inside_left ul li{ height: 48px; width: 100%; background: url(../images/inside_page_5.png) no-repeat center; margin-bottom: 5px; line-height: 48px; border-radius: 6px; text-align: center;}
.inside_left ul li a{ font-weight: bold; text-shadow: 1px 1px 1px #fff; display: block;}
.inside_left ul li.on a,.inside_left ul li a:hover{ color: #2571e1;text-shadow:none}
.inside_left .inside_lx{ height: 285px;background: url(../images/inside_1.jpg)no-repeat center; border-radius: 6px; padding-top: 12px;}
.inside_left .inside_lx h2{ height: 48px; background: url(../images/inside_page_6.png) no-repeat center; }
.inside_left .inside_lx p{  width: 90%; margin: 0 auto; line-height: 1.6; color: #333; text-align: left; font-size: 14px; margin-top: 10px; }
.inside_right{ width: 76%; border-radius: 6px; border: 1px solid #eee; float: right; overflow: hidden; padding-bottom: 30px;}
.inside_right .location{ height: 81px; border-bottom: 1px solid #eee; overflow: hidden; }
.inside_right .location h2{ font-size: 24px; font-weight: bold; color: #333; position: relative; float: left; line-height: 81px; padding-left: 20px;}
.inside_right .location h2 span{ font-size: 14px; color: #666; font-weight: normal;}
.inside_right .location h2::after{ content: ""; position: absolute; height: 6px; width: 50px; background: #2571e1; left: 20px; bottom: 3px;}
.inside_right .location p{ float: right; padding-right:20px; line-height: 81px;}
.inside_right .location p,.inside_right .location p *{ font-size: 14px; color: #666; }

/* 内页详情页 */
.inside_right .inside_body{ width: 95%; margin: 0 auto;padding-top: 10px;}
.inside_right .inside_body p{ font-size: 14px; color: #454545;text-align: justify; line-height: 2;}
.inside_right .inside_body img{ max-width: 100%; padding: 5px 0; height: auto!important;}

/* 产品列表页 */
.inside_right .inside_body ul.pro_list{ width: 100%;}
.inside_right .inside_body ul.pro_list li{ padding: 10px 0;border-bottom: 1px dashed #eee; overflow: hidden; }
.inside_right .inside_body ul.pro_list li div{ width: 31%; float: left; overflow: hidden;}
.inside_right .inside_body ul.pro_list li div img { width: 100%; transition: all 0.3s;}
.inside_right .inside_body ul.pro_list li:hover div img {transform: scale(1.08);}
.inside_right .inside_body ul.pro_list li dl{ float:right; width: 66%; float: right;}
.inside_right .inside_body ul.pro_list li dl p{ font-size: 20px; font-weight: bold; padding-top: 3%; transition: all 0.3s; color: #333;}
.inside_right .inside_body ul.pro_list li dl p span{ font-weight: normal;}
.inside_right .inside_body ul.pro_list li dl span{ font-size: 14px; line-height: 2; color: #666;text-align: justify; display: block; padding-bottom: 10px;}
.inside_right .inside_body ul.pro_list li dl i{ display: block; height: 48px; width: 125px; background: url(../images/inside_page_8.png) no-repeat center; transition: all 0.3s;color: #222; font-size: 14px; line-height: 48px; font-style: normal;text-align: center;}
.inside_right .inside_body ul.pro_list li:hover i,.inside_right .inside_body ul.pro_list li:hover p{ color: #2571e1}


/* 产品详情页 */
.inside_pro_title{ height: auto; margin: 20px 0; position: relative;}
.inside_pro_title .inside_pt_left{ width: 10%; float: left;  position: absolute; background: url(../images/inside_page_9.png) no-repeat  center; text-align: center; height: 86px; margin-top: -6px;}
.inside_pro_title .inside_pt_right{  width: 100%; height: 72px; background: url(../images/inside_page_11.png) no-repeat center; background-size: 100%;}
.inside_pro_title .inside_pt_right h1.inside_cp{ font-size: 24px; padding-left: 12%; font-weight: bold; color: #2571e1; line-height: 72px;}
.inside_pro_title .inside_pt_right h1.inside_cp span{ font-size: 13px; color: #666; font-weight: normal; }
.inside_pro_title .inside_pt_right h1.inside_cp a{display: block; float: right; margin-top: 1.2%; margin-right: 15px;}

@-webkit-keyframes rotation{

    from {-webkit-transform: rotate(0deg);}

    to {-webkit-transform: rotate(360deg);}

}


.inside_pro_title .inside_pt_left img{
    margin-top: 20px;

    -webkit-transform: rotate(360deg);

    animation: rotation 3s linear infinite;

    -moz-animation: rotation 3s linear infinite;

    -webkit-animation: rotation 3s linear infinite;

    -o-animation: rotation 3s linear infinite;

}


/* 新闻资讯列表页 */
.inside_news_list{ width: 100%; overflow: hidden;}
.inside_news_list li{ padding:10px 0; border-bottom: 1px dashed #eee; overflow: hidden;}
.inside_news_list li .inside_news_img{ width: 25%; float: left; height: auto;}
.inside_news_list li .inside_news_img img{ width: 100%;}
.inside_news_list li .inside_news_right { width: 72%; float: right;}
.inside_news_list li .inside_news_right p{ font-size: 16px; color: #333;line-height: 2; padding-top: 20px; transition: all 0.3s;}
.inside_news_list li .inside_news_right span{ font-size: 14px; text-align: justify; color: #666; line-height: 1.8; display: block;}
.inside_news_list li .inside_news_right i{ font-style: normal; color: #999; font-size: 14px;}
.inside_news_list li:hover .inside_news_right p{ color: #2571e1}



/* 新闻资讯详情页 */
.inside_news_title{ font-size: 24px; text-align: center; line-height: 2; padding-top: 20px;}
.inside_cunt_date{ font-style: normal; font-size: 14px; color: #999; text-align: center; display: block; padding-bottom: 20px; border-bottom: 1px solid #eee; margin-bottom: 10px;}

.inside_body .pnext{ background: #f6f6f6;padding: 10px; margin-top: 30px; position: relative;}
.inside_body .pnext a.back_list{ display: block; position: absolute; right: 0px; top:10px; right: 10px;}
.inside_body .pnext a{ color: #666 }


/* 工程实例 */
.case_list{ width: 100%; overflow: hidden;}
.case_list li{  width: 32%; float: left; border: 1px solid #eee; margin-right: 2%; margin-bottom: 16px; } 
.case_list li .img{ width: 90%;  margin: 0 auto; overflow: hidden; margin-top: 10px;}
.case_list li:nth-child(3n){ margin-right: 0;}
.case_list li .img img{ width: 100%; transition: all 0.3s;}
.case_list li:hover .img img{transition: all 0.3s;  transform: scale(1.08);}
.case_list li:hover .gallery-title{ color: #2571e1}
.gallery-title{ height: 42px; line-height: 42px; text-align: center;  font-size: 15px;}



/* 相册效果 */
.Gallery { width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0,0,0,.9); opacity: 0; z-index: 999999; transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; }
.Gallery.show { opacity: 1; }
.g-bottom, .g-left, .g-right, .g-top { z-index: 99; display: block; -webkit-appearance: none; transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; }
.g-top { position: absolute; top: 0; left: 0; width: 100%; background: rgba(0, 0, 0, 0.7); height: 45px; text-align: center; line-height: 45px; color: #fff; z-index: 120; }
.g-left.none, .g-right.none { opacity: .3; cursor: not-allowed; }
.g-bottom { position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0, 0, 0, 0.7); height: 45px; text-align: center; line-height: 45px; color: #fff; z-index: 120; }
.g-left { position: absolute; top: 43%; left: 0; height: 14%; background: rgba(0, 0, 0, 0.5); width: 55px; cursor: pointer; }
.g-right { position: absolute; top: 43%; right: 0; height: 14%; background: rgba(0, 0, 0, 0.5); width: 55px; cursor: pointer; }
.Gallery img { max-height: 87%; max-width: 99%; }
.Gallery.Gallery-none img { max-height: 100%; max-width: 99%; }
.Gallery-wrap { width: 100%; height: 100%; position: relative; transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); }
.g-left:after { content: ''; width: 20px; height: 2px; background: #fff; position: absolute; left: 16px; top: 50%; margin-top: -1px; }
.g-left:before { content: ''; width: 10px; height: 10px; border: 2px solid #fff; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); border-top: none; border-right: none; display: block; position: absolute; left: 16px; top: 50%; margin-top: -6px; }
.g-right:after { content: ''; width: 20px; height: 2px; background: #fff; position: absolute; right: 16px; top: 50%; margin-top: -1px; }
.g-right:before { content: ''; width: 10px; height: 10px; border: 2px solid #fff; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); border-left: none; border-bottom: none; display: block; position: absolute; right: 16px; top: 50%; margin-top: -6px; }
.g-list { width: 100%; height: 100%; text-align: center; vertical-align: middle; position: absolute; left: 0; top: 0; }
.g-list span { display: inline-block; vertical-align: middle; height: 100%; }
.g-list img { vertical-align: middle; cursor: -webkit-grab; cursor: grab; transition: all .4s ease; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; }
.Gallery-wrap.grab .g-list img { cursor: -webkit-grabbing; cursor: grabbing; }
.g-top .g-count { width: auto; height: 100%; position: absolute; left: 0; top: 0; padding: 0 18px; }
.g-top button { height: 45px; width: 45px; border: none; position: absolute; right: 0; top: 0; opacity: .8; background: 0 0; -webkit-tap-highlight-color: transparent; }
.g-top span { display: block; width: 100%; height: 100%; line-height: 45px; color: #fff; }
.g-close { cursor: pointer; }
.g-close:after { content: ''; width: 24px; height: 2px; background: #fff; display: block; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); position: absolute; left: 8px; top: 21px; }
.g-close:before { content: ''; width: 24px; height: 2px; background: #fff; display: block; transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); position: absolute; left: 8px; top: 21px; }
.g-top button:hover { opacity: 1; }
.loading { width: 100%; height: 100%; background: #111111; position: absolute; left: 0; top: 0; z-index: 1000; }
.loading s { display: block; width: 30px; height: 30px; background: #0ad1a9; border-radius: 50%; position: absolute; left: 50%; top: 50%; margin-top: -15px; margin-left: -15px; -moz-animation: load 1.5s linear infinite; -webkit-animation: load 1.5s linear infinite; }
.loading p { text-align: center; font-size: 12px; position: relative; top: 50%; margin-top: 25px; }



.fudong_right{ width: 72px; height: 400px; position: fixed; bottom: 50px; right: 8px;}
.fudong_right li{ height: 74px; width: 74px; background: #d0101b; text-align: center; margin-bottom: 4px;}
.fudong_right li img{ margin-top: 13px;}
.fudong_right li p{ text-align: center; font-size: 13px; color: #fff;}
.fudong_right .wx_tc{ position: relative;}
.fudong_right .wx_tc .win{display:none ; position:absolute; bottom: 0; right: 80px; }
.fudong_right .wx_tc .win img{ margin-top: 0;}
.fudong_right a.to-top{ height: 42px; width: 72px; background: #222 url(../images/to_top.png) no-repeat center;text-align: center; line-height: 42px; display: block;  cursor: pointer;}
.fudong_right .wx_tc:hover .win{ display: block; border: 2px solid #d0101b; background: #fff; position: absolute;}
.tel_tc { position: relative;}
.tel_tc .tel_hover{ height:100px; width: 160px; background: #fff; border: 2px solid #d0101b; display: none; padding-top: 14px;}
.tel_tc .tel_hover p{ font-size: 16px; color: #333; line-height: 1.2; text-align: center; font-weight: normal; margin-bottom: 5px;}
.tel_tc .tel_hover span{ display: block; font-size: 20px; color:#d0101b; line-height: 1.2; text-align: center; font-family: "Impact";}
.tel_tc:hover .tel_hover{ display: block; position: absolute; right: 80px; top: 0;}
.fudong_right .wx_tc .win .wei-bg{
    width: 109px;
    height: 109px;
    display: none;
    position: absolute;
    background: rgba(222,21,21,0.1);
    border-bottom: 2px solid #d0101b;
    animation: move 2s linear infinite;
    -webkit-animation: move 2s linear infinite;
    -moz-animation: move 2s linear infinite;1
    -o-animation: move 2s linear infinite;
    -ms-animation: move 2s linear infinite;  
}
.fudong_right .wx_tc.win span {
    display: none;
}

.fudong_right .wx_tc:hover .win .wei-bg {
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
}

@keyframes move {
    from {
        height: 0
    }
    to {
        height: 109px;
    }
}
@-webkit-keyframes move {
    from {
        height: 0
    }
    to {
        height: 109px;
    }
}

@-moz-keyframes move {
    from {
        height: 0
    }
    to {
        height: 109px;
    }
}
@-o-keyframes move {
    from {
        height: 0
    }
    to {
        height: 109px;
    }
}





/* ----------------------------------------------2021年4月更新---------------------------------------------- */
.index_pro_v2{ overflow: hidden;}
.index_pro_v2 .picMarquee-left{ background: #fff; overflow: hidden; border-radius: 10px; height: 378px;}
.index_pro_v2 .picMarquee-left .index_prov2_l{ float: left; width: 58px; background: url(../images/tuiguang_60.jpg) no-repeat center; height: 100%;1}
.index_pro_v2 .picMarquee-left .bd{ float: left; width: 1192px; overflow: hidden; margin-left: 25px;}
.index_pro_v2 .picMarquee-left .bd .pro_jj{ text-align: center; line-height: 2; padding: 20px; font-size: 16px; color: #333; padding-top: 30px;}
.index_pro_v2 .picMarquee-left .bd li{width: 286px; overflow: hidden; float: left; margin-right: 16px;}
.index_pro_v2 .picMarquee-left .bd li .pic{ width: 100%; height: 207px; overflow: hidden;}
.index_pro_v2 .picMarquee-left .bd li .pic img{ width: 100%; transition: all .4s;}
.index_pro_v2 .picMarquee-left .bd li:hover .pic img{transform: scale(1.1); transition: all .4s;}
.index_pro_v2 .picMarquee-left .bd li p{ height: 48px; border-bottom: 1px solid #eee; text-align: center; line-height: 48px;}



/* 新闻资讯 */
.index_news_main{ height: 400px; border-radius: 6px; width: 100%; margin: 30px 0;}
.index_news_main .index_about_v2{ width: 31%; height: 400px;border-radius: 10px; float: left; background: url(../images/tianwo_pc_1.jpg) no-repeat right top; padding: 24px;}
.index_news_main .index_news_v2_main{width:67%; float: right; background: url(../images/tianwo_pc_2.jpg) no-repeat center; border-radius: 10px;}

.index_news_main .index_about_v2 h3{ font-size: 28px; font-weight: bold; color: #fff; line-height: 2; padding-top: 24px;}
.index_news_main .index_about_v2 .index_aboutv2_a{text-align: justify; line-height: 30px; font-size: 15px; color: #fff; display: block;}
.index_news_main .index_about_v2 ul{ margin-top: 20px;}
.index_news_main .index_about_v2 ul li{ float:left; margin-right:24px;}
.index_news_main .index_about_v2 ul li p{ font-size: 36px; font-family: "Impact"; color: #fff;}
.index_news_main .index_about_v2 ul li p span{ font-size: 14px; color: #fff;}
.index_news_main .index_about_v2 ul li span{ font-size: 15px; color: #fff; line-height: 1.8;}



.index_news_main .index_news_left{ width: 46%; float: left; padding-top: 20px; margin-left: 25px; height: 400px;}
.index_news_main .index_news_left h2{line-height: 48px; border-bottom: 3px solid #fff; margin-bottom: 10px; position: relative;}
.index_news_main .index_news_left h2 p{text-shadow:1px 1px 1px #fff;font-size: 18px; font-weight: bold; color: #333;position:relative;}
.index_news_main .index_news_left h2 p::after{ content: ""; position: absolute; height: 3px; width: 70px; bottom:-3px; background: #2571e1;left: 0;}
.index_news_main .index_news_left h2 a{ position: absolute;  display: block; height: 36px; width: 83px; background: url(../images/tianwo_6.png) no-repeat center; right: 0; bottom: 5px;}


.focus{ width:100%; height:264px;  margin:0 auto; position:relative; }
.focus .hd{ width:100%; height:11px;  position:absolute; z-index:1; bottom:5px; text-align:center;  }
.focus .hd ul{  height:5px; padding:3px 5px; position: absolute;  right: 10px; bottom:16px;}
.focus .hd ul li{ display:inline-block; width:12px; height:12px; -webkit-border-radius:6px;  background:rgba(255,255,255,0.5); margin:0 2px;  vertical-align:top; overflow:hidden;  text-indent: 9999px; cursor: pointer;}
.focus .hd ul .on{ background:#fff;  }
.focus .bd{ position:relative; z-index:0; }
.focus .bd li{ position: relative;}
.focus .bd li img{width:100%; transition: all 0.3s;}
.focus .bd li:hover img{transform: scale(1.08);}
.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */  }
.focus .bd li a p{ position: absolute; height: 3rem; background: #2571e1; left: 0; bottom: 0; line-height: 3rem; color: #fff; font-size: 14px; text-align: left; text-indent: 10px; z-index: 999; width: 100%;}


.tabBox{ width: 46%; float: right; margin-right: 2.7%; padding-top: 22px;}
.tabBox .hd{ height: 48px; border-bottom: 3px solid #fff; margin-bottom: 10px;}
.tabBox .hd li{ float: left; position: relative;  margin-right: 20px;}
.tabBox .hd li a{ display: block; line-height: 48px; text-shadow:1px 1px 1px #fff;font-size: 18px; font-weight: bold; color: #333;}
.tabBox .hd li.on::after{ content: ""; position: absolute; height: 3px; width: 70px; bottom:0px; background: #2571e1;left: 0;}
.tabBox .bd li { width: 100%; float: left;  padding: 16px 0; border-bottom: 1px dashed rgba(255,255,255,0.8)} 
.tabBox .bd li:nth-child(2n){ float: right; }
.tabBox .bd li p{ font-size: 16px; color: #111; line-height: 1.8;transition: all 0.3s;    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}
.tabBox .bd li span{ font-size: 14px; text-align: justify; line-height: 1.6; color: #454545;}
.tabBox .bd li  i{ font-style: normal; font-size: 14px; color: #666; display: block; line-height: 1.8}
.tabBox .bd li a:hover p{ color: #2571e1}


.index_t_1{ text-align: center; display: block; padding-bottom: 20px;}
.index_t_1 p{  font-size:24px; font-weight: bold;color: #333; line-height: 1.8;}
.index_t_1 p span{ font-weight: normal; color: #2571e1;}
.index_t_1 em{ display: block; text-align: center; font-style: normal; font-size: 14px;}



.index_pro_list .swiper-wrapper{border: 1px solid #eee;}
.index_pro_list .swiper-container{ padding-bottom: 30px;}
.index_pro_list .swiper-wrapper p{ line-height: 3; text-align: left; padding-left: 10px; font-size: 0.9rem; color: #666; background: #fff;}
.index_pro_list .swiper-wrapper p span{ float: right; display: block; height: 2rem; line-height: 2rem; padding: 0 10px; border-radius: 1rem; background: #eee; color: #666; text-align: center; margin-top: 4px;}
.index_pro_list .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 0px;}
.index_pro_list .swiper-wrapper .pic img{ width: 100%;}


.sj_pro_main{ display: none}
.products_l{width: 100%;}

@media only screen and (max-width:1300px ) {
    .container{width: 100%; padding:0px 10px;}
    .nav li,.nav li.on{ background-size: 100% !important;}
    .top_box,.pclogo p,.pclogo .xz,.nav{ height: 90px;}
    .nav li{ margin-top: 20px;}
    .index_fuwu_left h2,.index_fuwu_left em,.index_fuwu_left ul,.index_fuwu_left .index_about_img{ width: 90%;}
    .index_fuwu_right li img{ width: auto; height: 100%;}
    .index_fuwu_right li:nth-child(4) div{ padding-top: 10px;}
    .focus .hd ul{ bottom:120px;}
    .footer .footer_left dl{ width: 25%;}
    .footer .footer_center{ width: 14%;}
    .footer .footer_right{ width: 32%; float: right;}

}


@media only screen and (max-width:1024px ) {
    
    .inside_left .inside_title_1{ background-size: 100%; height: 70px;}
    .inside_left .inside_lx h2{ width: 90%; background-size: 100%; margin:  0 auto;}
    .inside_left .inside_lx p{ font-size: 13px;}
    .inside_pro_title .inside_pt_left{ width: 13%;}
    .inside_pro_title .inside_pt_right h1.inside_cp{ padding-left: 15%;}
    .inside_pro_title .inside_pt_right h1.inside_cp a{  margin-top: 2%;}

    .inside_news_list li .inside_news_right p{ padding-top: 0;}

}

@media only screen and (max-width:768px ) {
    .pclogo{ width: 23%;}
    .top_box, .pclogo p, .pclogo .xz, .nav{ height:  auto;}
    .pclogo .xz{ height: 70px;}
    .pclogo p{ height: 70px;}
    .pclogo .xz img{ top: 14%;}
   .top_box,.fullSlide{ display: none;} 
   .index_header,.sj_banner_1{ display: block;}
   .index_fuwu_left{ width: 100%; margin-bottom: 20px;}
   .index_fuwu_right{width: 100%;}
   .index_fuwu_right li img{ width: 100%; height: auto;}
   .tabBox .bd li{ width: 100%;}
   .tabBox .bd li span,.tabBox .bd li i{ display: none;}
   .tabBox .bd li{ padding: 6px 0;}
   .index_news_main{ height: 280px;}
   .focus{ height: auto;}
   .footer .footer_center{ width: 40%;}
   .footer .footer_left{ display: none;}
   .footer .footer_right{ width: 60%; float: left;}
   .fudong_right{ display: none;}
   .index_pro_v2{ display: none}
   .index_news_main .index_about_v2{ width: 100%;}
   .index_news_main .index_about_v2 ul li{ margin-right: 8px;}
   .index_news_main .index_about_v2 h3{ font-size: 20px;}
   .index_news_main .index_news_v2_main{ width: 100%; background: none}
   .index_news_main .index_news_left{ height: auto;}




   /* 内页 */
   .inside_left .inside_lx{ display: none;}
   .inside_left .inside_title_1{ height: 64px;}
   .inside_right .location h2 span{ display: none;}
   .inside_pro_title .inside_pt_right h1.inside_cp span{ display: none;}
   .inside_pro_title .inside_pt_right{ background-size: 100% 100%;}
   .inside_pro_title .inside_pt_left{ width: 18%;}
   .inside_pro_title .inside_pt_right h1.inside_cp{ padding-left: 20%;}
   .inside_body .pnext a.back_list{ display: none;}


}
@media only screen and (max-width:425px )  {
    .pclogo{ width: 38%;}
    .index_title img{ width: 90%;}
    .index_title p{ display: none;}
    .index_fuwu_right li{ width: 100%; margin-bottom: 10px !important;}
    .index_news_main .index_news_left{ width: 100%; margin: 0; padding: 10px 0;}
    .index_news_main .index_news_left h2{ margin: 0 auto; margin-bottom: 10px;}
    .focus{ width: 100%; margin: 0 auto;}
    .index_news_main{ height: auto; overflow: hidden; background-size: 100% 100%;}
    .tabBox{width:  100%;  padding: 0; margin: 0 auto; overflow: hidden; float: none; padding-bottom: 20px;}
    .tabBox .bd li span{ display: block;}
    .footer .footer_center{ width: 33%;}
    .footer .footer_right{ width: 67%;}
    .focus .hd ul{ bottom: 20px;}
    .footer .footer_center,.footer .footer_right{ width: 100%; overflow: hidden;}
    .footer{ background-size: 100% 100% ;overflow:hidden; height: auto; padding-bottom: 20px;}
    .sj_pro_main{ display: block;}


    /* 内页 */
    .inside_page_about,.inside_title_1,.inside_page_product,.inside_page_news,.inside_page_case,.inside_page_contact,.inside_title_2,.inside_title_3,.inside_title_4,.inside_title_5{ display: none;}
    .index_page_wap{ display: none;}
    .inside_left{ width: 100%;}
    .inside_left ul li{ width: 49%; float: left; margin-bottom: 8px;}
    .inside_left ul li:nth-child(2n){ float: right;}
    .inside_right{ width: 100%;}
    .inside_right .location{ height: auto;}
    .inside_right .location h2{ float: none; line-height: 2;}
    .inside_right .location p{ float: none; line-height: 45px; padding-left: 20px; }
    .inside_right .location h2::after{  bottom: 0;}
    .bg_fff{ padding: 10px 0;}
    .inside_right .inside_body ul.pro_list li div{ width: 100%;}
    .inside_right .inside_body ul.pro_list li dl{ width: 100%;}
    .inside_right .inside_body ul.pro_list li dl p{ padding: 0;}
    .inside_pro_title .inside_pt_right h1.inside_cp a{ display: none;}
    .inside_pro_title .inside_pt_left{ width: 24%;}
    .inside_pro_title .inside_pt_right h1.inside_cp{ padding-left: 26%; font-size: 18px;}
    .inside_news_list li .inside_news_img{ width: 100%;}
    .inside_news_list li .inside_news_right{ width: 100%;}

    .case_list li{ width: 48.5%; float:left; margin-right: 0;}
    .case_list li:nth-child(2n){  float: right;}


    





}

@media only screen and (max-width:375px )  {
    .index_fuwu_left ul li p{ font-size: 30px;}
    .index_fuwu_left h2{ font-size: 1.6rem}
    .index_fuwu_left em{ font-size: 14px;}
    .index_fuwu_left{ height: auto;}
    .pclogo{ width: 45%;}
}
@media only screen and (max-width:320px )  {
    .index_fuwu_left ul li p{ font-size: 24px;}
    .index_fuwu_left h2{ font-size: 1.4rem;}
    .index_fuwu_right li:nth-child(4) span{ font-size: 13px;}
    .pclogo{ width: 54%;}
}